.home {
    height: 100%;
    width: 100%;
    header {
      height: 100%;
      width: 100%;
      text-align: center;
      color: #f8f8f8;
      padding: 50px 0;
      background: url("../img/ba.jpg") no-repeat center center;
      background-size: cover;
      position: relative;
      .header-center {
        width: 100%;
        position: absolute;
        top: 20%;
        padding: 0 15px;
        .title {
          font-size: 54px;
          font-family: arial black;
          font-weight: 300;
          letter-spacing: 6px;
          margin: 30px 0;
          font-weight: 700;
        }
        .downloader {
          margin: 30px auto;
          li {
            display: inline-block;
            padding: 0 15px;
            a {
              display: block;
              height: 100%;
              width: 100%;
              color: #f8f8f8;
              border: 1px solid #fff;
              padding: 10px 20px;
              font-size: 17px;
              border-radius: 6px;
            }
          }
        }
      }
      .header-buttom {
        position: absolute;
        bottom: 8%;
        width: 100%;
      }
    }
    nav {
      position: relative;
      top: 0px;
      background-color: #ecf0f1;
      width:100%;
      margin:0px auto;
      height:60px;
      .contain{

          width:96%;
         
          height: 100%;
          margin:0px auto;
          position: relative;
        .left {
            height: 100%;
            margin: 0 20px;
            float: left;
            line-height: 60px;
             img{
              vertical-align: middle;
               width: 44px;
             }
          }
            .center {
             height: 100%;
             line-height: 30px;
             float: left;
           
              
            }
          
          .right {
            height: 100%;
            float: right;
            line-height: 60px;
            li{
               
              display: inline-block;
               margin: 0px 10px;
               vertical-align: middle;
            }
          }
      }
     
    }
    .introduction{
      height: 100%;
      width: 100%; 
      li{
          float: left;
          width:30%;
          text-align: center;
          
      } 
    }
    .layout{
        width: 100%;
        max-width: 1200px;
    }
}